<!DOCTYPE html>
<html>
<head>
	<title>向往的生活家登录页</title>
	<link rel="stylesheet" href="css/login.css">
	<link href="css/popup-box.css" rel="stylesheet" type="text/css" media="all" />
		<link rel="shortcut icon" type="image/x-icon" href="img/user/logo.ico" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }</script>
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/modernizr.custom.53451.js"></script> 
 		<script>
			$(document).ready(function() {
			$('.popup-with-zoom-anim').magnificPopup({
				type: 'inline',
				fixedContentPos: false,
				fixedBgPos: true,
				overflowY: 'auto',
				closeBtnInside: true,
				preloader: false,
				midClick: true,
				removalDelay: 300,
				mainClass: 'my-mfp-zoom-in'
			});
																			
			});
		</script>	
		
</head>
<body>
	<h1>欢迎来到向往的生活家</h1>
	<div class="w3layouts">
		<div class="signin-agile" style="background-color: #ffffff75; height: 300px;">
			<h2>登录</h2>
			<form action="#" method="post">
				<input type="text" name="name" class="name" placeholder="用户名" required="">
				<input type="password" name="password" class="password" placeholder="密码" required="">
				<ul>
					<li>
						<input type="checkbox" id="brand1" value="">
						<label for="brand1"><span></span>记住密码</label>
					</li>
				</ul>
				<a href="#">忘记密码?</a><br>
				<div class="clear"></div>
				<input type="submit" value="登录">
			</form>
		</div>
		<div class="signup-agileinfo" style="background-color: rgba(101, 101, 164, 0.67); height: 300px;">
			<h3>产品简介</h3>
			<p>旨在发布行业信息，交流讨论，整合农家乐资源，为顾客挑选心爱的农家乐，引导行业发展。是服务于游客跟经营户点对点的交流于一体的平台。集当地特色美食、推荐路线、接地气的农产品介绍、天气情况、租车旅行等综合性服务。它相较于一般的普通旅游网站更专业化，更特色化和具体化，提供的服务更品质化和个性化。</p>
			<div class="more">
				<a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s" href="#small-dialog">免费注册</a>				
			</div>
		</div>
		<div class="clear"></div>
	</div>
	<div class="pop-up"> 
	<div id="small-dialog" class="mfp-hide book-form">
		<h3>注册信息</h3>
			<form action="#" method="post">
				<input type="text" name="Name" placeholder="请输入用户名" required=""/>
				<input type="text" name="telephone" class="telephone" placeholder="请输入手机号码" required=""/>
				<input type="password" name="Password" class="password" placeholder="请输入密码" required=""/>
				<input type="password" name="Password" class="password" placeholder="请重复密码" required=""/>					
				<input type="submit" value="立即注册">
			</form>
	</div>
</div>	
<body>
</html>